<!--  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
    <?php } ?>
    <?php } ?>
  </div>
</div>
<script type="text/javascript">
$(document).ready(function() {
	$('#slideshow<?php echo $module; ?>').nivoSlider();
});</script>
--> 

 <!-- Slider section start here -->
       <div class="container" id="slider">
            <div class="row">
                <!-- Responsive slider - START -->
                <div class="responsive-slider" data-spy="responsive-slider" data-autoplay="true">
                  <div class="slides" data-group="slides">
                    <ul>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                            <img class="" src="catalog/view/theme/mbe/images/sliderBg-03.png">
                          </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2><?php echo $products[0]['name']; ?></h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                  <div class="" >
								  <?php echo $products[0]['description']; ?></br>
								  <?php echo $products[0]['description1']; ?></br>
								  <?php echo $products[0]['description2']; ?></br>
								  </div>
                                    <a class="pull-right" href="<?php echo $products[0]['href']; ?>" class="da-link">
                                    <img src="catalog/view/theme/mbe/images/search.png" />VIEW DETAILS
                                    </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearLeftToRight" data-delay="200">
                            <img src="catalog/view/theme/mbe/images/slider1.png" alt="image01" style="width: 80%;margin-left:10%"  />
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                                <img src="catalog/view/theme/mbe/images/background-06.png">
                            </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2><?php echo $products[1]['name']; ?></h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                <div class="">
                                <?php echo $products[1]['description']; ?></br>
									<?php echo $products[1]['description1']; ?></br>
									<?php echo $products[1]['description2']; ?></br>
                                </div> 
                                <a class="pull-right" href="<?php echo $products[1]['href']; ?>" class="da-link">
                                <img src="catalog/view/theme/mbe/images/search.png" />VIEW DETAILS
                                </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearDownToUp" data-delay="200">
                            <img src="catalog/view/theme/mbe/images/slider2.png" alt="image01" style="width: 80%;" />
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                                <img src="catalog/view/theme/mbe/images/sliderBg-03.png" />
                            </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2><?php echo $products[2]['name']; ?></h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                <div class="">
                               <?php echo $products[2]['description']; ?></br>
									<?php echo $products[2]['description1']; ?></br>
									<?php echo $products[2]['description2']; ?></br>
                                </div> 
                                <a class="pull-right" href="<?php echo $products[2]['href']; ?>" class="da-link">
                                <img src="catalog/view/theme/mbe/images/search.png" />VIEW DETAILS
                                </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearDownToUp" data-delay="200">
                            <img src="catalog/view/theme/mbe/images/slider3.png" alt="image01" style="width: 40%;margin-left:20%;" />
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <a class="slider-control left" href="#" data-jump="prev">&nbsp;</a>
                  <a class="slider-control right" href="#" data-jump="next">&nbsp;</a>
                  <div class="pages">
                    <a class="page" href="#" data-jump-to="1">1</a>
                    <a class="page" href="#" data-jump-to="2">2</a>
                    <a class="page" href="#" data-jump-to="3">3</a>
                  </div>
                </div>
                <!-- Responsive slider - END -->
            </div>
       </div>
      <!-- Slider section end here -->